<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>门岗管理</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/gate_sentry.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="css/editStyle.css" />
    <style>
        .mb10 {
            margin-bottom: 10px !important;
        }
    </style>
</head>

<body>
    <div id="app" class="pb2" v-cloak>

        <header class="aui-bar aui-bar-nav topheader" id="aui-header">
            <div class="aui-tab" style="background: #289FFF; padding-top: 5px;">
                <div class="aui-tab-item" v-on:click="select_status(1)">
                    <div class="tapmode" v-bind:class="{'aui-active':status==1}">来人来访</div>
                </div>
                <div class="aui-tab-item" v-on:click="select_status(2)">
                    <div class="tapmode" v-bind:class="{'aui-active':status==2}">物品放行</div>
                </div>
            </div>
        </header>

        <!-- 物品放行 -->
        <div v-if="status==2" class="boxarea edit mt27">
            <div class="work_title new_work_title">
                放行条
            </div>
            <div class="">
                <div class="aui_formitem">
                    <div class="aui_formtitle">楼号<img class="col-star" src="../image/redstar.png"></div>
                    <div class="aui_formcontent">
                        <input class="choose" readonly="readonly" placeholder="请选择" v-model="itemform.ProjectName" v-on:click="do_select_project()" type="text">
                        <i class="icon iconfont icon-xiangyoujiantou"></i>
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">住户名称</div>
                    <div class="aui_formcontent">
                        <input v-model="itemform.VisitorName" placeholder="请填写" type="text">
                    </div>
                </div>
                <div class="aui_formitem aui_formitem_ma">
                    <div class="aui_formtitle">手机号码</div>
                    <div class="aui_formcontent">
                        <input v-model="itemform.PhoneNumber" placeholder="请填写" type="text">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">携带人</div>
                    <div class="aui_formcontent">
                        <input v-model="itemform.VisitedName" placeholder="请填写" type="text">
                    </div>
                </div>
                <div class="aui_formitem hiddenText">
                    <div class="aui_formtitle">证件号码</div>
                    <div class="aui_formcontent">
                        <input v-model="itemform.IDCardNumber" placeholder="填写个人身份证号" type="text">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">物品信息</div>
                    <div class="aui_formcontent">
                        <input v-model="itemform.ItemName" placeholder="填写携带的贵重物品" type="text">
                    </div>
                </div>
                <div class="aui_formitem aui_formitem_ma">
                    <div class="aui_formtitle">车辆信息</div>
                    <div class="aui_formcontent">
                        <input v-model="itemform.CarNumber" placeholder="填写车辆信息" type="text">
                    </div>
                </div>
                <div class="aui_formitem block border-bottom0 ">
                    <div class="aui_formtitle">放行事由</div>
                    <div class="aui_formcontent">
                        <div class="laiber_box">
                            <div v-on:click="do_select_type(item)" v-for='item in typelist2' class="laiber_box_li aui-btn aui-btn-info" v-bind:class="{'active':item.isselect}">{{item.Name}}
                                <div class="rightcontent" v-on:click="do_select_type(item)">
                                </div>
                            
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div v-if="status==2" class="boxarea edit">
            <div class="work_title new_work_title">
                放行说明 <span class="numberV">{{txtVal}}/50</span>
            </div>
            <div class="">
                <div class="aui_formitem block border-bottom0">
                    <div class="aui_formcontent" style="padding-left: 0px;">
                        <textarea  v-model="itemform.ReleaseExplain" placeholder="(选填)可填写其他信息，上传贵重物品照片等。" @input="checkStrLengths" style="height: 5rem;"></textarea>
                    </div>
                </div>

                <div class="imglist_box" style="display:flex;">
                    <div class="imglist_item" v-for="(item,index) in imglist">
                        <img v-on:click="do_viewimages(index)" class="imgitem ml4" v-bind:src="item.url" />
                        <img v-on:click="remove_img(item.index)" class="onmouse_close" src="../image/close_mouseover.svg" />
                    </div>
                    <div v-if="imglist.length<4" class="imglist_item ml4">
                        <div class="img_plusbox">
                            <img v-on:click="choose_picture()" src="../image/photo_image.svg" />
                        </div>
                        最多支持{{maxuploadcount}}张
                    </div>
                </div>
            </div>

        </div>

        <!-- 来人来访 -->
        <div v-if="status==1" class="boxarea edit mt27">
            <div class="work_title new_work_title">
                访客信息
            </div>
            <div class="">
                <div class="aui_formitem">
                    <div class="aui_formtitle">来访人<img class="col-star" src="../image/redstar.png"></div>
                    <div class="aui_formcontent">
                        <input v-model="form.VisitorName" placeholder="请填写" type="text">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">手机号码</div>
                    <div class="aui_formcontent">
                        <input v-model="form.PhoneNumber" placeholder="请填写手机号码" type="number">
                    </div>
                </div>
                <div class="aui_formitem aui_formitem_ma">
                    <div class="aui_formtitle">身份证号</div>
                    <div class="aui_formcontent">
                        <input v-model="form.IDCardNumber" placeholder="填写个人身份证号" type="number">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">来访人数</div>
                    <div class="aui_formcontent">
                        <input v-model="form.VisitCount" placeholder="请填写来访人数" type="number">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">物品信息</div>
                    <div class="aui_formcontent">
                        <input v-model="form.ItemName" placeholder="填写携带的贵重物品" type="text">
                    </div>
                </div>
                <div class="aui_formitem aui_formitem_ma">
                    <div class="aui_formtitle">车辆信息</div>
                    <div class="aui_formcontent">
                        <input v-model="form.CarNumber" placeholder="填写车辆信息" type="text">
                    </div>
                </div>

                <div class="aui_formitem block border-bottom0">
                    <div class="aui_formtitle">来访事由</div>
                    <div class="aui_formcontent">
                        <div class="laiber_box">
                            <div v-on:click="do_select_type(item)" v-for="item in typelist1" class="laiber_box_li aui-btn aui-btn-info" v-bind:class="{'active':item.isselect}">
                                {{item.Name}}
                                <div class="rightcontent" v-on:click="do_select_type(item)"> </div>
                            </div>
                          
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div v-if="status==1" class="boxarea edit ">
            <div class="work_title new_work_title">
                被访人信息
            </div>
            <div class="">
                <div class="aui_formitem">
                    <div class="aui_formtitle">房号<img class="col-star" src="../image/redstar.png"></div>
                    <div class="aui_formcontent" v-on:click="do_select_project()">
                        <input class="choose" v-model="form.ProjectName" readonly="readonly" placeholder="请选择" type="text">
                        <i class="icon iconfont icon-xiangyoujiantou"></i>
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">姓名</div>
                    <div class="aui_formcontent">
                        <input v-model="form.VisitedName" placeholder="请填写" type="text">
                    </div>
                </div>
                <div class="aui_formitem aui_formitem_ma border-bottom0">
                    <div class="aui_formtitle">手机号码</div>
                    <div class="aui_formcontent">
                        <input v-model="form.VisitedPhone" placeholder="请填写" type="text">
                    </div>
                </div>

            </div>
        </div>

        <div class="bottom">
            <div class="aui_bottombtn" v-on:click="do_save()">保存</div>
        </div>

    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="js/gate_sentry.js "></script>

</html>
